<label>View Name : </label>
<select id="viewsel" style="width:200px" onchange="query.schemachanged(this)">
    <option>aa</option>
</select>
<br><br>

<label align="top">Filter:</label>
<table>
    <tr>
        <td>
            <div id="columns" style="height:150px;width:150px;display:inline-block;" class="ListBox">
            </div>
        </td>
        <td>
            <textarea id="filter" cols=80 style="height:156px;resize:none;border-color:grey;border-width:medium;"></textarea>
        </td>
    </tr>
</table>
<button style="width:200px;height:40px" onclick="query.run(this)">Run</button>
<button style="width:200px;height:40px" onclick="query.excel(this)">Export to Excel</button>
<br><br>

<pre id="pre"></pre>
<div class="pager">
    <a onclick="query.page(-1, '$tabname')">&lt;</a>
    <label id="pageof">1 of 1</label>
    <a onclick="query.page(1, '$tabname')">&gt;</a>
    <label style="padding-left:100px">Rows per Page : </label>
    <a onclick="query.rowsperpage(10, '$tabname')">10</a>
    <a style="padding-left:10px" onclick="query.rowsperpage(25, '$tabname')">25</a>
    <a style="padding-left:10px" onclick="query.rowsperpage(50, '$tabname')">50</a>
    <a style="padding-left:10px" onclick="query.rowsperpage(100, '$tabname')">100</a>
</div>

<div id="data" class="cssTbl">
</div>

<div class="pager">
    <a onclick="query.page(-1, '$tabname')">&lt;</a>
    <label id="pageof">1 of 1</label>
    <a onclick="query.page(1, '$tabname')">&gt;</a>
</div>